.headBox{
	height: 5.08rem;
	position: relative;
	.infoBox{
		z-index: 30;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #60A7F6;
		width: 100%;
		height: 0.88rem;
		line-height: 0.88rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
		.positionBox{
			width: 0.44rem;
			height: 0.44rem;
			background: url(../img/shouye/nav%20bar_icon_address.png) no-repeat center center;
			background-size: cover;
		}
		.positionText{
			font-size: 0.28rem;
			color: #fff;
		}
		.searchBox{
			width: 4.4rem;
			height: 0.6rem;
			border-radius: 0.3rem;
			background: url(../img/shouye/search%20bar_icon_search.png) no-repeat 0.24rem 0.13rem;
			position: relative;
			background-color: rgba(0, 0, 0, 0.45);
			background-size: cover;
			opacity: 0.24;
			.searchInput{
				width: 3.68rem;
				height: 0.6rem;
				border: none;
				outline: none;
				background-color: #fff;
				color: #fff;
				border-radius:0.3rem;
				position: absolute;
				padding-left: 0.72rem;
				font-size: 0.24rem;
				
			}
		}
		.cateBox{
			width: 0.44rem;
			height: 0.44rem;
			background: url(../img/shouye/nav%20bar_icon_classification.png) no-repeat center center;
			background-size: cover;
		}
		.videoBox{
			width: 0.44rem;
			height: 0.44rem;
			background: url(../img/shouye/nav%20bar_icon_video.png) no-repeat center center;
			background-size: cover;
		}
	}
}

.funBox{
	.funUl{
		height: 2.09rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		li{
			font-size: 0.24rem;
			text-align: center;
			.funImg{
				width: 0.6rem;
				height: 0.6rem;
				margin: 0 auto;
			}
			.artImg{
				background: url(../img/shouye/home_icon_artistic%20creativity.png) no-repeat;
				background-size: cover;
			}
			.liveImg{
				background: url(../img/shouye/home_icon_exhibition%20collection.png) no-repeat;
				background-size: cover;
			}
			.exhibitImg{
				background: url(../img/shouye/home_icon_life%20shadow.png) no-repeat;
				background-size: cover;
			}
			.inspirImg{
				background: url(../img/shouye/home_icon_work%20inspiration.png) no-repeat;
				background-size: cover;
			}
		}
	}
}

.hotActivityBox{
	width: 6.9rem;
	height: 5.11rem;
	margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 0 0.1rem 0.2rem rgba(112, 144, 176, 0.1);
	opacity: 1;
	border-radius: 0.2rem;
	.hotCenter{
		margin: 0 0.3rem;
		.title{
			height: 1.32rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.leftText{
				.topTitle{
					display: flex;
					.recommend{
						font-size: 0.32rem;
						color: #1E2023;
					}
					.hotLevel{
						display: flex;
						align-items: flex-end;
						.level{
							width: 0.08rem;
							margin-left: 0.04rem;
							border-radius: 0.04rem;
							background-color: #60A7F6;
						}
						.blue_L{
							height: 0.32rem;
						}
						.blue_M{
							height: 0.24rem;
						}
						.blue_S{
							height: 0.18rem;
						}
					}
				}
				.activityContent{
					font-size: 0.24rem;
					color: #8A93A1;
					margin-top: 0.03rem;
				}
			}
			.changeBox{
				display: flex;
				.changeImg{
					width: 0.36rem;
					height: 0.36rem;
					background: url(../img/shouye/popular%20activity%20recommendation_icon_change.png) no-repeat;
					background-size: cover;
				}
				.changeText{
					font-size: 0.24rem;
					color: #AFBBCC;
				}
			}
		}
		.hotUl{
			display: flex;
			justify-content: space-around;
			li{
				display: flex;
				flex-direction: column;
				.hotImg{
					width: 1.98rem;
					height: 2.73rem;
				}
				.activityName{
					font-size: 0.24rem;
					color:#1E2023;
					margin-top: 0.13rem;
				}
				.signCount{
					font-size: 0.18rem;
					color:#8A93A1;
					margin-top: 0.04rem;
				}
			}
		}
	}
}

.photoAndStory{
	margin-top: 0.72rem;
	.titleBox{
		width: 6.9rem;
		height: 0.54rem;
		margin: 0 auto;
		line-height: 0.54rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.leftBox{
			display: flex;
			align-items: center;
			.line{
				width: 8px;
				height: 40px;
				background: #60A7F6;
				border-radius: 0.04rem;
			}
			.title{
				margin-left: 0.08rem;
				font-size: 0.36rem;
				color:#1E2023
			}
		}
		.lookMoreBox{
			display: flex;
			align-items: center;
			.lookText{
				margin-right: 0.02rem;
				font-size: 0.24rem;
				color: #60A7F6;
			}
			.lookImg{
				width: 0.32rem;
				height: 0.32rem;
				background: url(../img/shouye/home_icon_more.png) no-repeat;
				background-size: cover;
			}
		}
	}
	.storyUl{
		display: flex;
		overflow-x: scroll;
		margin-left: 0.3rem;
		margin-top: 0.24rem;
		li{
			display: flex;
			flex-direction: column;
			margin-right: 0.18rem;
			flex-wrap: nowrap;
			.storyImg{
				width: 6.4rem;
				height: 3.6rem;
			}
			.storyTitle{
				margin-top: 0.3rem;
				font-size: 0.28rem;
				color:#1E2023;
			}
			.storyContent{
				margin-top: 0.2rem;
				font-size: 0.24rem;
				color:#8A93A1;
			}
		}
	}
	.storyUl::-webkit-scrollbar {display:none}
	.bg{
		width: 6.9rem;
		height: 3.46rem;
		margin: 0 auto;
		margin-top: 0.41rem;
		background: url(../img/shouye/home_photo_operational%20banner.png) no-repeat;
		background-size: cover;
	}
}

.popularPhoto{
	margin-top: 0.72rem;
	.titleBox{
		width: 6.9rem;
		height: 0.54rem;
		margin: 0 auto;
		line-height: 0.54rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.leftBox{
			display: flex;
			align-items: center;
			.line{
				width: 8px;
				height: 40px;
				background: #60A7F6;
				border-radius: 0.04rem;
			}
			.title{
				margin-left: 0.08rem;
				font-size: 0.36rem;
				color:#1E2023
			}
		}
		.lookMoreBox{
			display: flex;
			align-items: center;
			.lookText{
				margin-right: 0.02rem;
				font-size: 0.24rem;
				color: #60A7F6;
			}
			.lookImg{
				width: 0.32rem;
				height: 0.32rem;
				background: url(../img/shouye/home_icon_more.png) no-repeat;
				background-size: cover;
			}
		}
	}
	.photoUl{
		display: flex;
		width: 6.9rem;
		margin: 0 0.3rem;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 0.24rem;
		.photoLi{
			margin-top: 0.3rem;
			display: flex;
			flex-direction: column;
			width: 3.36rem;
			.imgBox{
				position: relative;
				width: 3.36rem;
				height: 3.36rem;
				.popularImg{
					width: 3.36rem;
					height: 3.36rem;
				}
				.countBox{
					position: absolute;
					bottom: 0.09rem;
					right: 0.07rem;
					height: 0.28rem;
					line-height: 0.28rem;
					.countImg{
						width: 0.28rem;
						background: url(../img/shouye/home_icon_number%20of%20images.png) no-repeat;
						background-size: cover;
					}
					.count{
						font-size: 0.2rem;
						color:#fff;
					}
				}
			}
			.photoTitle{
				font-size: 0.24rem;
				color: #1E2023;
				margin-top: 0.2rem;
			}
			.labelUl{
				display:flex;
				margin-top: 0.18rem;
				li{
					font-size: 0.18rem;
					padding:0.02rem 0.1rem;
				}
				.blueLi{
					border: 0.01rem solid #60A7F6;
					color:#60A7F6;
				}
				.orangeLi{
					border: 0.01rem solid #FF9B38;
					color:#FF9B38;
				}
			}
		}
	}
}

.footBox{
	height: 0.98rem;
}